/* ==UserStyle==
@name           8Purple
@namespace      https://notabug.org/Beskytteren/UserStyles/src/master/8Purple.user.css
@version        0.1.2
@description    A purple user style for 8chan.
@author         Beskytteren
==/UserStyle== */

/* This style has been written thanks to a kind anon who once shared his purple 8chan theme.
   His name has been forgotten but his work has not. */

@-moz-document domain("8ch.net"), domain("8ch.pl"), domain("vichan.net") {
  
  * {
      font-family: "Roboto", "ぼくたちのゴシック２ボールド";
      font-size: 12pt;
      text-decoration: none !important;
  }

  .post, .post a, .post.reply {
      font-stretch: condensed !important;
  }

  h1 {
    font-family: sans;
  }

  html, body{
    background-color:#191932;
    color:#d9d9d9;
    background-image: none;
  }

  img.banner, img.board_image {
      margin: 30px auto 0 auto;
  }

  div.post.reply{
    background-color:#262646;
    color: #e7d9d9;
    border:0px solid #434343;
    margin: 5px;
    box-shadow: 5px 5px #121215;
    padding: 0px;
    padding-bottom: 0.5em;
  }

  div.post div.body{
      margin-left: 2em;
      margin-bottom: 0.7em;
  }

  div.post div.body p{
      font-size: 1.1em;
      line-height: inherit;
  }

  div.post a.post-btn {
      float: right;
      margin: 0 !important;
      margin-left: .5em !important;

  }

  .boardlist {
      font-size: 1.2em !important;
      padding: .5em;
  }

  .intro {
      padding: 0.5em;
      border-bottom: solid 1px #060606;
      background-color: rgba(0,0,0,.45);
      font-size: 1.05rem !important;
  }

  .mentioned.unimportant a {
      background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(52,52,92)' d='M12.981,9.073V6.817l-12.106,6.99l12.106,6.99v-2.422c3.285-0.002,9.052,0.28,9.052,2.269c0,2.78-6.023,4.263-6.023,4.263v2.132c0,0,13.53,0.463,13.53-9.823C29.54,9.134,17.952,8.831,12.981,9.073z'/></svg>") !important;
      font-size: 0!important;
      /*padding: 6px!important;*/
      margin-right: 0!important;
      opacity: .6!important;
      position: relative;
      left: .5rem;
  }

  .mentioned.unimportant a:last-child {
      display: inline-block;
      width: 1.5rem;

  }

  .mentioned.unimportant a {
      visibility: hidden;
  }

  .mentioned.unimportant a::before {
          visibility: visible;
          content: url("data:image/svg+xml,<svg viewBox='0 0 30 30' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='hsl(300, 43%, 52%)' d='M12.981,9.073V6.817l-12.106,6.99l12.106,6.99v-2.422c3.285-0.002,9.052,0.28,9.052,2.269c0,2.78-6.023,4.263-6.023,4.263v2.132c0,0,13.53,0.463,13.53-9.823C29.54,9.134,17.952,8.831,12.981,9.073z'/></svg>") !important;
          display: inline-block;
          width: 1.05rem;
          height: 1.05rem;
  }

  .mentioned.unimportant a.inlined::before {
          visibility: visible;
          content: url("data:image/svg+xml,<svg viewBox='0 0 30 30' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='hsl(300, 65%, 40%)' d='M8.037,11.166L14.5,22.359c0.825,1.43,2.175,1.43,3,0l6.463-11.194c0.826-1.429,0.15-2.598-1.5-2.598H9.537C7.886,8.568,7.211,9.737,8.037,11.166z'/></svg>") !important;
  }

  .mentioned.unimportant a.inlined:hover {
      opacity: 1!important;
  }

  .mentioned.unimportant a:hover {
      opacity: 1!important;
  }

  /*
  .reply .mentioned.unimportant a {
      bottom: 6px !important;
  }
  */

  .inline {
      margin: 1rem;
      border: none;
      box-shadow: 5px 5px #121215;
  }

  div.post div.body span.heading {
    color: #e56565;
  }

  div.post.reply.highlighted{
    background-color:#262646;
    margin: 3px;
    border: 2px white solid;
  }

  body p{
    font-size: .9em;
  }

  #upload th{
    background-color:#262626;
  }

  .post-table tr th{
    background-color:#262626;
    border-bottom:1px solid #434343
  }

  div.banner{
    background-color:transparent;
    color:#d9d9d9;
  }

  .is-not-moderator{
    Background-color:#262626;
  }

  .boardlist{
    Background-color:#262626 !important;
    border-bottom:2px solid #1c1c1c  !important;
    box-shadow:0 0 10px #262626 !important;
  }

  hr{
    border-color:#7799aa;
  }

  .boardlist a{
    color:#d9d9d9
  }

  .intro span.subject {
    color: #15a7a7;
  }

  .intro span.name {
    color: #359735;
  }

  .intro a.email span.name {
    color: #9353e5;
  }

  .intro a.email {
    text-decoration: none;
  }

  .options_tab, h2 {
    Background-color:#262626;
    color:#d9d9d9;
    box-shadow:0 0 10px #1d1d1d
  }

  #options_tablist{
    background-color:#262626;
    color:#d9d9d9;
    box-shadow:0 0 10px #1d1d1d
  }

  .options_tab_icon{
    color:#d9d9d9;
  }

  .options_tab {
    color:#d9d9d9;
  }

  .fa-times{
    color:#d9d9d9
  }

  header h1{
    color:#d9d9d9;
  }

  strong a{
    color:#d9d9d9 !important;
  }

  header div.subtitle, h1{
    color:#d9d9d9;
  }

  body a{
    color:#adadff;
  }

  a, a:visited {
      text-decoration: none;
      font-size: 1em;
  }

  .post-image:first-child {
      margin-left: 5px !important;
  }

  div.post.op {
      margin: 5px 20px 5px 5px !important;
  }

  div.post.op .intro .showallThread, div.post.op .intro .watchThread {
      float: right;
  }

  div.post.op a.hide-thread-link {
      margin: 0.6em 0.6em 0.6em 0em !important;
      font-size: 1.05rem;
      line-height: 1.16em;
      min-height: 1.16em;
  }

  div.post-menu {
      left: 0;
      z-index: 90;
  }

  div.post-menu ul {
      background-color: #262646;
      border-color: #000;
  }

  div.post-menu ul li {
      padding: 2em 2em 0 2em;
  }

  div.post-menu li:last-child {
      padding-bottom: 2em;
  }


  div.post-menu ul li:hover {
      background-color: inherit;
  }


  div.post.reply div.body a {
    color: #22aa77;
    text-decoration: none;
  }

  div.post.reply div.body p.quote {
    color: #55dd55;
  }

  .post-btn{
    color:#f3f3f3
  }

  div.pages {
    background-color: #353570;
    border: none;
  }

  div.pages a {
    color: #7575a5;
  }

  div.pages a.selected {
    color: #7575a5;
  }

  span.typ {
    color: #8535e5;
  }

  span.com {
    color: #e03535;
    font-style: italic;
  }

  span.kwd {
    color: #8585ff;
    font-weight: bold;
  }

  span.tag {
    color: #4545aa;
  }

  table tbody tr:nth-of-type(2n) {
    background-color: #7799ee;
    color: white;
  }

  table tbody tr a {
    color: white;
  }

  table tbody tr a:visited {
    color: grey;
  }

  table tbody tr td.board-tags a.tag-link{
    background-color: rgba(0,0,0,0);
  }

  .theme-catalog div.thread:hover {
    background-color:#262646;
    border: 2px white solid;
  }

}